<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta content="yes" name="apple-mobile-web-app-capable"/>
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>  
        <script src="../js/jquery-3.2.1.min.js"></script>
        <style>
        .welcome{
            z-index: 9;
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background: url(../images/welcome.png);
            background-size: 100%;
        }
        .welcome img{
            display: block;
            margin: auto;
            margin-top: 50%;
            width: 65%;
        }</style>
    </head>
    <body>
            <div class="welcome">
                <img src="../images/wa-logo.png" alt="">
            </div>
            <script>
            $(function(){
                function  toHome(){
                    $('.welcome').fadeTo('1000',0.15)
                   
                        

                        setTimeout(()=>window.location.href='./login.html',1000)
                    
                    
                }
                
                setTimeout(toHome,1500)
            })


            </script>
    </body>
</html>